<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>鼎吉驾校</title>
		<meta name="description" content="Yan">
		<meta name="keywords" content="Yan">
		<meta name="author" content="Yan">

		<link rel="stylesheet" type="text/css" href="../static/css/normalize.css">
		<link rel="stylesheet" type="text/css" href="../static/css/default.css">
		<link rel="stylesheet" href="../static/css/main.css">
		<link rel="stylesheet" href="../static/css/examples.css">
		<!-- Themes -->
		<link rel="stylesheet" href="../static/css/bars-1to10.css">
		<link rel="stylesheet" href="../static/css/bars-movie.css">
		<link rel="stylesheet" href="../static/css/bars-square.css">
		<link rel="stylesheet" href="../static/css/bars-pill.css">
		<link rel="stylesheet" href="../static/css/bars-reversed.css">
		<link rel="stylesheet" href="../static/css/bars-horizontal.css">

		<link rel="stylesheet" href="../static/css/fontawesome-stars.css">
		<link rel="stylesheet" href="../static/css/css-stars.css">
		<link rel="stylesheet" href="../static/css/bootstrap-stars.css">


		<link rel="stylesheet" type="text/css" href="../static/css/reset.css">
		<link rel="stylesheet" type="text/css" href="../static/css/swiper-3.4.1.min.css">
		<link rel="stylesheet" type="text/css" href="../static/css/custom.css">
		<link rel="stylesheet" type="text/css" href="../static/css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../static/css/new_add.css" />
		<style type="text/css">
			.shenqing div {
				display: flex;
				align-items: center;
				justify-content: space-between;
				box-sizing: border-box;
			}

			.success .code .tit span {
				padding: 0;
			}

			.shenqing div .left {
				flex: 2;
				border-right: 1px solid #ccc;
				padding: 0 .6rem;
				box-sizing: border-box;
			}

			.success .code .address {
				border: 0;
				padding: 0 .6rem 0 0;
				box-sizing: border-box;
				flex: .5;
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}

			.popo {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.4);
				display: none;
			}

			.kong {
				height: auto;
			}

			.data input {
				width: 100%;
				padding: 1rem 0;
				color: #333;
			}

			.data input::placeholder{
				color: #333;
			}
			 .data a {
				display: block;
				padding: 1rem 0;
			}

			.application-btn {
				display: block;
			}

			.confirm {
				width: 80%;
				background: #fff;
				z-index: 1;
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: .8rem;
				overflow: hidden;
				display: none;
			}
			.confirm h1{
				font-size: 1.8rem;
				text-align: center;
				line-height: 4rem;
				color: #0067FF;
				height: 4rem;
				border-bottom: 1px solid #ddd;
			}
			.confirm .text {
				padding: 2rem 2.5rem;
				box-sizing: border-box;
				border-bottom: 1px solid #ddd;
				color: #333;
				text-align: center;
			}
			.confirm .text span{
				color: #0067FF;
				display: block;
			}
			.confirm .text .titl{
				text-align: right;
			}
			.confirm .text .code-box{
				text-align: left;
				box-sizing: border-box;
			}
			.confirm .text .code-box >div{
				display: flex;
				justify-content: center;
			}
			.confirm .text .code-box >div span{
				width: 50%;
			}
			.confirm .btn {
				display: flex;
			}

			.confirm .btn .item {
				flex: 1;
				text-align: center;
				color: #333;
			}

			.confirm .btn .item:first-child {
				border-right: 1px solid #ddd;
				color: #0067ff;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="../static/css/font-awesome.min.css" />
	</head>

	<body>
		<!--[if lt IE 9]>对不起，浏览器版本太低~！<![endif]-->
		<div class="container success">
			<div class="row">
				<div class="title" style="border-top: none">请在下方选择体检站申请体检码<span>*体检时请带上身份证原件!</span></div>
			</div>
			<div class="code">
				<ul class="stationitem">
					<!-- {volist name="station" id="item"}
            <li>
                <a href="javascript:" onclick="shenqing('{$item.id}','{$item.name}','{$item.address}')">
                <span class="left tit">
                    <span class="station">{$item.name}</span>
                    <span class="dizhi">地址:{$item.address}</span>
                </span>
                    <span class="right address">距您3km <img src="../static/images/map1.png" width="30"/></span>
                </a>
            </li>
            {/volist} -->
				</ul>
			</div>
			<div class="row explain">
				<p class="col-xs-12">*说明：申请后您会收到体检码，请携带体检码和身份证到所选择的体检站进行体检</p>
			</div>
			<div class="popo"></div>
			<form method="post" name="tj_code_form" id="tj_code_form" style="display:none;position: fixed;
    bottom: 0;width:100%;">
				<div class="row data">
					<div class="col-xs-12">
						<div>
							<label for="">
								<input type="text" name="name" id="name" value="" placeholder="请输入姓名" />
							</label>
						</div>
						<div>
							<label for="">
								<input type="text" name="phone" id="phone" value="" placeholder="请输入手机号" />
							</label>
						</div>
						<div>
							<a>
								<div id="address">(陈家桥医院) 陈家桥医院体检站</div>
								<input type="hidden" name="station_id" id="station_id" />
								<!--<i></i>-->
							</a>
						</div>
					</div>
				</div>
				<a href="javascript:transform_order();" class="row application-btn" style="color: #FFFFFF;">申请体检</a>
			</form>
		</div>

		<div class="confirm scok">
			<h1>您的体检码申请成功</h1>
			<div class="text">
				<div class="code-box">
					<div>
						<span class="titl">体检码：</span><span class="tjm-codedata"></span>
					</div>
					<div>
						<span class="titl">验证码：</span><span class="yzm-codedata"></span>
					</div>
				</div><br/>您也可以后续到公众号对话窗口查看或者点击下方按钮到您的学习中心查看
				<!-- 体检码申请成功,您可以到学习中心最底部查看,也可以在微信公众号对话窗口的通知消息中进行查看 -->
			</div>
			<div class="btn">
				<a href="../user/study.html" class="item">去查看</a>
				<a href="../index/index.html" class="item">返回首页</a>
			</div>
		</div>
		<div class="confirm gobaoming">
			<h1></h1>
			<div class="text">
			</div>
			<div class="btn">
				<a href="../enlist/index.html" class="item">去报名</a>
				<a  class="item close">取消</a>
			</div>
		</div>
	</body>
	<script src="../static/js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../static/js/custom1.js" type="text/javascript" charset="utf-8"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=DBd897f58d7a63e585485e3dea011253"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=DBd897f58d7a63e585485e3dea011253&amp;services=&amp;t=20181029172410"></script>

	<script src="../static/js/apiRoot.js" type="text/javascript" charset="utf-8"></script>
	<script src="api.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function() {
			test();

			$(".shenqing .left").on("click", function() {
				let get_station = JSON.parse(sessionStorage.getItem("get_station"));
				let i = $(this).parent().index();

				$("#tj_code_form").show();
				$(".popo").show();
				$("#address").html('(' + $(this).find(".station").text() + ')' + $(this).find(".dizhi").text());
				$("#station_id").val($(this).find(".station_id").val());
			})
			$(".popo").click(function() {
				$(".scok").hide();
				$("#tj_code_form").hide();
				$(".popo").hide();
			})
			$(".gobaoming .close").click(function(){
				
					$(".gobaoming").hide();
					$(".popo").hide();
			})
		})
	</script>
</html>
